<div class="userDetail">
    <div class="load" v-loading="isloading"></div>
    <div class="wrap">
        <LayoutCell v-if="detailInfo">
            <LayoutCellItem title="基本信息">
                <div class="header">
                    <div class="left">
                        <imageBox :src="detailInfo.icon" width="100px" height="100px"></imageBox>
                    </div>
                    <div class="right">
                        <div class="info">

                            <LayoutDetailGroup :gutter="20">
                                <LayoutDetailItem :span="8" label="昵称" :value="detailInfo.nickName || '无'">
                                </LayoutDetailItem>
                                <LayoutDetailItem :span="8" label="用户编码" :value="detailInfo.memberCode || '无'">
                                </LayoutDetailItem>
                                <LayoutDetailItem :span="8" label="手机号" :value="detailInfo.mobile || '无'">
                                </LayoutDetailItem>
                                <LayoutDetailItem :span="8" label="客户来源"
                                    :value="detailInfo.memberChannelLst[0] ?channelType2Text(detailInfo.memberChannelLst[0].channelType) : '无'">
                                </LayoutDetailItem>

                                <LayoutDetailItem :span="8" label="生日" :value="detailInfo.birthday || '无'">
                                </LayoutDetailItem>
                                <LayoutDetailItem :span="8" label="性别" :value="detailInfo.gender | getSex">
                                </LayoutDetailItem>
                                <LayoutDetailItem :span="8" label="邮箱" :value="detailInfo.email || '无'">
                                </LayoutDetailItem>
                                <LayoutDetailItem :span="8" label="注册时间" :value="detailInfo.createdTimeStr || '无'">
                                </LayoutDetailItem>

                                <LayoutDetailItem :span="8" label="会员等级"
                                    :value="detailInfo.memberLevel? detailInfo.memberLevel.name : '无'">
                                </LayoutDetailItem>
                                <LayoutDetailItem :span="8" label="是否拉黑"
                                    :value="detailInfo.blacklist === 1 ? '是' : '否'">
                                </LayoutDetailItem>
                                <LayoutDetailItem :span="8" label="是否为推广员"
                                    :value="detailInfo.isPopularize === 1 ? '是' : '否'">
                                </LayoutDetailItem>



                                <LayoutDetailItem :span="8" label="最后登录时间" :value="detailInfo.lastLoginTimeStr || '未知'">
                                </LayoutDetailItem>
                                <LayoutDetailItem :span="16" label="地区" :value='`${detailInfo.country || ""}${detailInfo.province || ""}${detailInfo.city ||
                                    ""}`'></LayoutDetailItem>
                            </LayoutDetailGroup>

                        </div>
                        <!-- <div class="btns"> -->

                            <!-- <el-button @click="addTags">打标签</el-button> -->


                            <!-- <el-button @click="handleClick('updateBalance')">修改余额</el-button>

                            <el-button-group style="margin-left:10px">
                                <el-button @click="select(item)" v-for="(item,index) of assetTypeOptions" :key="index">
                                    修改{{item.label}}</el-button>
                            </el-button-group> -->


                            <!-- <el-button type="primary" @click="handleClick('updateIntegral')">修改积分</el-button> -->


                        <!-- </div> -->
                    </div>
                </div>
            </LayoutCellItem>



            <LayoutCellItem title="消费信息">
                <div class="consume-box">
                    <div class="level2" v-if="consumeData">
                        <div class="title">
                            最近消费
                        </div>
                        <div class="content">
                            <div class="content-item">
                                <div class="top">最近消费金额</div>
                                <div class="data">
                                    {{consumeData.consumeAmount}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="level2" v-if="consumeData">
                        <div class="title">
                            累计消费&售后
                        </div>
                        <div class="content">
                            <div class="content-item">
                                <div class="top">累计消费金额</div>
                                <div class="data">
                                    {{consumeData.totalAmount}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">累计消费次数</div>
                                <div class="data">
                                    {{consumeData.totalCount}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">累计售后金额</div>
                                <div class="data">
                                    {{consumeData.saleAfterAmount}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">最近售后次数</div>
                                <div class="data">
                                    {{consumeData.saleAfterCount}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </LayoutCellItem>

            <LayoutCellItem title="账户资产">
                <div class="radios" slot="option">
                    <span class="s1">资产类型</span>
                    <el-radio-group v-model="active" @change="change">
                        <el-radio-button :label="item.id" v-for="(item,index) of assetTypeOptions">
                            {{item.name}}
                        </el-radio-button>
                    </el-radio-group>
                </div>

                <div class="property-box">
                    <div class="level2">
                        <div class="title" v-if="active==item.id" v-for="(item,index) of assetTypeOptions">
                            {{item.name}}
                        </div>
                        <div class="content">
                            <div class="content-item">
                                <div class="top">当前剩余</div>
                                <div class="data">
                                    {{assetInfo.usableIntegral || 0}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">已冻结</div>
                                <div class="data">
                                    {{assetInfo.freezeIntegral || 0}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">累计</div>
                                <div class="data">
                                    {{assetInfo.totalIntegral || 0}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="level2" v-if="consumeData">
                        <div class="title">
                            储值账户
                        </div>
                        <div class="content">
                            <div class="content-item">
                                <div class="top">冻结余额</div>
                                <div class="data">
                                    {{MoneyData.freezeAmount}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">当前余额</div>
                                <div class="data">
                                    {{MoneyData.usableAmount}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">充值金额</div>
                                <div class="data">
                                    {{MoneyData.rechargeAmount}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">充值次数</div>
                                <div class="data">
                                    {{MoneyData.rechargeCount}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">累计金额</div>
                                <div class="data">
                                    {{MoneyData.totalAmount}}
                                </div>
                            </div>
                        </div>
                    </div> -->
                    <!-- <div class="level2" v-if="earningsData">
                        <div class="title">
                            收益
                        </div>
                        <div class="content">
                            <div class="content-item">
                                <div class="top">冻结收益</div>
                                <div class="data">
                                    {{earningsData.freezeIncome || 0}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">可用收益</div>
                                <div class="data">
                                    {{earningsData.usableIncome || 0}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">累计提现</div>
                                <div class="data">
                                    {{earningsData.withdrawIncome || 0}}
                                </div>
                            </div>
                        </div>
                    </div> -->
                    <div class="level2">
                        <div class="title">
                            优惠券
                        </div>
                        <div class="content">
                            <div class="content-item">
                                <div class="top">未使用</div>
                                <div class="data">
                                    {{couponData.unusedCount}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">已使用</div>
                                <div class="data">
                                    {{couponData.usedCount}}
                                </div>
                            </div>
                            <div class="content-item">
                                <div class="top">已过期</div>
                                <div class="data">
                                    {{couponData.expiredCount}}
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- <el-tabs type="card" @tab-click="tabClick" v-model="active">
                        <el-tab-pane :key="item.name" v-for="(item, index) in assetTypes" :label="item.name">
                            <span>当前{{item.name}}: {{assetInfo.usableIntegral}}</span>
                            <span>冻结{{item.name}}: {{assetInfo.freezeIntegral}}</span>
                            <span>累计{{item.name}}: {{assetInfo.totalIntegral}}</span>
                        </el-tab-pane>
                    </el-tabs> -->
                </div>
            </LayoutCellItem>

            <!-- <LayoutCellItem title="会员标签">
                <el-tag class="tagStyle" v-for="tag in tagsList" :key="tag.tagName" closable @close="deleteTag(tag)">
                    {{tag.tagName}}
                </el-tag>
            </LayoutCellItem> -->
        </LayoutCell>
    </div>





    <!-- <div class="show-main">


        <div class="member">
            <div class="consume">
                <p class="title">消费信息</p>


                <div class="lately-consume">
                    <p class="subtitle">最近消费</p>
                    <div class="list">
                        <div class="list-item">
                            <div class="label">最近消费金额:</div>
                            <div class="content">{{consumeData.consumeAmount}}</div>
                        </div>

                    </div>
                </div>


                <div class="accumulate">
                    <p class="subtitle">累计消费&售后</p>
                    <div class="list">
                        <div class="list-item">
                            <div class="label">累计消费金额:</div>
                            <div class="content">{{consumeData.totalAmount}}</div>
                        </div>
                        <div class="list-item">
                            <div class="label">最近消费次数:</div>
                            <div class="content">{{consumeData.totalCount}}</div>
                        </div>
                        <div class="list-item">
                            <div class="label">累计售后金额:</div>
                            <div class="content">{{consumeData.saleAfterAmount}}</div>
                        </div>
                        <div class="list-item">
                            <div class="label">最近售后次数:</div>
                            <div class="content">{{consumeData.saleAfterCount}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="property">
                <p class="title">账户资产</p>

                <div class="amount">
                    <p class="subtitle">储值账户</p>
                    <div class="list">
                        <div class="list-item">
                            <div class="label">冻结余额:</div>
                            <div class="content">{{MoneyData.freezeAmount}}</div>
                        </div>
                        <div class="list-item">
                            <div class="label">当前余额:</div>
                            <div class="content">{{MoneyData.usableAmount}}</div>
                        </div>
                        <div class="list-item">
                            <div class="label">充值金额:</div>
                            <div class="content">{{MoneyData.rechargeAmount}}</div>
                        </div>
                        <div class="list-item">
                            <div class="label">充值次数:</div>
                            <div class="content">{{MoneyData.rechargeCount}}</div>
                        </div>
                        <div class="list-item">
                            <div class="label">累计金额:</div>
                            <div class="content">{{MoneyData.totalAmount}}</div>
                        </div>
                    </div>

                </div>

                <div class="earnings" v-if="earningsData">
                    <p class="subtitle">收益</p>
                    <div class="list">
                        <div class="list-item">
                            <div class="label">冻结收益:</div>
                            <div class="content">{{earningsData.freezeIncome}}</div>
                        </div>
                        <div class="list-item">
                            <div class="label">可用收益:</div>
                            <div class="content">{{earningsData.usableIncome}}</div>
                        </div>
                        <div class="list-item">
                            <div class="label">累计提现:</div>
                            <div class="content">{{earningsData.withdrawIncome}}</div>
                        </div>
                    </div>
                </div>

                <div class="integral">

                </div>



                <div class="coupon">
                    <p class="subtitle">优惠券</p>
                    <span>未使用: {{couponData.unusedCount}}</span>
                    <span>已使用: {{couponData.usedCount}}</span>
                    <span>已过期: {{couponData.expiredCount}}</span>
                </div>
            </div>
        </div>


    </div> -->
</div>